<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 1.1 得到一个全局对象 React 提供了React核心的方法  引入react.development.js" 会得到一个全局 React -->
    <script src="../lib/react.development.js"></script>
    <!-- 1.2 得到一个全局对象ReactDOM, 用来操作DOM -->
    <script src="../lib/react-dom.development.js"></script>
    <!-- 先引react 再引react-dom -->
</head>
<!-- 2.创建一个舞台 -->
<div id="root">

</div>

<body>
<script>
    console.log(React);
    console.log(ReactDOM);
    /*
    * 3. 让React和dom 建立联系
    *
    * */
    const root = ReactDOM.createRoot(document.getElementById('root'));
    root.render('我是React代码');

</script>
</body>

</html>